// 封装中间件函数的插件
const directive = {
  install(Vue) {
    Vue.directive('search', {
      inserted(el) {
        if (el.nodeName === 'INPUT' || el.nodeName === 'TEXTAREA') {
          // 如果直接说input标签/textarea标签
          el.focus()
        } else {
          // 指令在van-search组件身上, 获取的是组件根标签div, 而input在标签内
          const inp = el.querySelector('input')
          const textArea = el.querySelector('textarea')
          //  如果找到了
          if (inp || textArea) {
            inp && inp.focus()
            textArea && textArea.focus()
          } else {
            // 都没有的情况下
            console.error('请把v-fofo用在输入框标签上')
          }
        }
      }
    })
  }
}

export default directive
